body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,   
fieldset,input,textarea,p,blockquote,th,td {   
margin:0;   
padding:0; 
-webkit-text-size-adjust: 100%;  
} 
p{
	color: #fff;
}
*{
	box-sizing: border-box;
}
a{color: #fff;text-decoration: none;}
.border{
	border: 1px solid red;
}
#app-main{
	width: 100%;
	min-width: 1334px;
	background: url(../image/main-bg.jpg) no-repeat center center;
}
.el-header{
	padding: 0;
}
.header{
	height: 124px;
	background: url(../image/head-top-bg.png) no-repeat 100% 100%/100% 100%;
}
.header>div{
	display: inline-block;
}
.header .site-name{
	display: inline-block;
	color: #00e4ff;
	width: 27%;
	font-size: 2em;
	margin-top: 40px;
	margin-left: 3.6%;
}

.header .nav-box,.bread-box{
	width: 50.88%;
	height: 70px;
	margin-top: 54px;
}
.header .nav-box{
	width: 50.88%;
	height: 70px;
	margin-top: 54px;
}
.nav-box .el-radio-button{
	padding: 9px;
	margin:0 5px;
	background: url(../image/navbtn-bg.png) no-repeat 100% 100%/100% 100%;
}
.nav-box .el-radio-button__inner {
     background: none!important; 
     color:#fff!important;
     border: none!important; 
    padding: 5px 10px!important;
    font-size: 16px!important;
    border-radius: 0!important;
}
.nav-box .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: #00d2ff!important;
    -webkit-box-shadow: -1px 0 0 0 #409EFF;
    box-shadow: -1px 0 0 0 #409EFF;
}

.operate{
	padding-top: 40px;
	padding-left: 50px
}
.operate div{
	display: inline-block;
}
.notice p{
	line-height: 40px;
	margin:0;
	padding:0;
	height: 40px;
	text-align: center;
	color:#fff;
}
.notice p:nth-child(2){
	height: 20px;
	line-height: 20px;
	font-size: 16px;
}
.headblock{
	margin-left: 30px;
}
.user{
	margin-left: 15px;
}
.user p:nth-child(1){
	color: #fff;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 0;
}
.user p:nth-child(2){
	color: #fff;

	margin-top:5px;
}
.logout{
	width: 40px;
	margin-left: 20px;
	padding-top: 10px;
}
.el-aside.left{
	width: 21.4%!important;
	
}
.el-aside.right{
	width: 30%!important;
}
.left-side{
	width: 100%;
}
.el-main{
	width: 49.3%;
	padding: 0!important;
	padding-top: 10px!important;
}
.main-panel{
	width: 100%;
}
.el-main img,.el-aside img{
	width: 100%;
}
.el-aside>div,.graph-group>div{
	position: relative;
}
.el-aside>div>div,.graph-group>div>div,.left-side>div,.right-side>div{
	position: absolute;
}
.left-side>div{
	width: 83.5%;
	left: 11%;
	top: 6%;
}
p.graph-title{
	color: #fff;
	font-size: 18px;
	padding:3px 5px;
	margin-bottom: 5px;
}
p.sec-title{
	color: #fff;
	font-size: 16px;
	padding:3px;
}
.server-list{
	display: flex;
	justify-content: space-between;
}
.left-side .server{
	height: 88.450%;
}
.server-text-list{
	width: 76%;
}
.server-text-list p{
	display: flex;
	color: #fff;
	font-size: 14px;
	margin: 5px 0;
	width: 100%;

}
.server-text-list p>span{
	flex:1;
	width: 50%;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.server-text-list p>span:hover{
    text-overflow:inherit; 
    overflow: visible; 
    white-space: pre-line;     /*合并空白符序列，但是保留换行符。*/
}

.graph-complete{
	width: 24%;
}
.graph-complete img{
	width: 50px;
}
.graph-complete p{
	text-align: center;
}





.el-footer{
	padding: 0!important;
}
.graph-group{
	display: flex;
}
.graph-group img{
	width: 100%;
}
.hgjj-list>div{
	display: flex;
	color: #fff;
	justify-content: space-around;
}
.hgjj-list .th{
	color:#19f7ff;
}
.hgjj-list .tr,.th{
	margin-bottom: 5px;
}
.hgjj-list .td{
	text-align: center;
	width: 33%;
}
i.tag-up:before{
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../image/row_up.png) no-repeat 100% 100%/100% 100%;
}
i.tag-down:before{
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../image/row_down.png) no-repeat 100% 100%/100% 100%;
}
i.tag-edit:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background: url(../image/icon-edit.png) no-repeat 100% 100%/100% 100%;
}
i.tag-del:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;

	background: url(../image/icon-del.png) no-repeat 100% 100%/100% 100%;
}
.csgl{
	width: 84.3%;
	height: 82.78%;
	top:10%;
	left: 4.4%;
}

.lyzt{
	width: 84%;
	height: 77%;
	left: 10%;
	top: 7%;
}
.lyzt-sec,.lyzt-item{
	color: #fff;
	display: flex;
	justify-content: space-between;
}
.lyzt-item{
	height: 77%;
}
.lyzt-sec div span{
	color:#21edff;
	margin-left: 3px;
}
.lyzt-item div:nth-child(1){
	flex:1;
}
.lyzt-item div:nth-child(2){
	flex:2;
}
.lyzt-item-title{
	margin-top: 10px;
}
.lyzt-item-content{
	margin-top: 3px;
	color: #21edff;
}

.wsyq{
	width: 85.71%;
	height: 77.68%;
	left: 6.5%;
	top: 6.5%;
}
.wsyq-sec-num{
	color: #21edff;
	margin-left: 10px;
}
.wsyq-item{
	display: flex;
	width: 100%;
}
.wsyq-item>div{
	flex:1;
}
.wsyq-item p{
	margin: 5px 0;
}
.wsyq .wsyq-item-title{
	margin: 10px 0;
}
.wsyq-item-key-tag{
	color: #74bdd8;
	padding:5px 15px;
	font-size: 14px;
	background:url(../image/wsyq-lst.png) no-repeat 100% 100%/100% 100%;
}
.wsyq-item .wsyq-item-key p:not(.wsyq-item-title){
	margin-bottom: 12px;
}

.jtzt{
	width: 80.77%;
	height: 77.68%;
	left: 8%;
	top:6.5%;
}
.qtgz{
	width: 90.46%;
	height: 77.68%;
	left:5%;
	top:6.5%;
}
.sjzx{
	width: 77%;
	height: 77.68%;
	left:7%;
	top:6.5%;
}
/*主页面*/
/*面包屑*/
.bread-box{
	margin-top:47px;
	padding-left: 40px;
	padding-top: 20px;
	display: flex;
	box-sizing: border-box;
	background:url(../image/bread-bg.png) no-repeat 100% 100%/100% 100%;
}
.bread-box div{
	display: inline-block;
	margin-left: 5px;
	
}
.bread-box div a{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
/*侧边栏*/
.el-aside.main-left{
	width: 18.63%!important;
	position: relative;
}
.left-content{
	width: 100%;
	height: 100%;
	padding-top: 20%;
	padding-left: 15%;
	left: 0;
	top: 0;
}
.main-left img{display: block;}
i.nav-tag:before{
	content: '';
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
i.nav-tag.home:before {
	background: url(../image/icon-home.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.drawn:before {
	background: url(../image/icon-drawn.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.fault:before {
	background: url(../image/icon-fault.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.data:before {
	background: url(../image/icon-data.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.version:before {
	background: url(../image/icon-version.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.map:before {
	background: url(../image/icon-map.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.file:before {
	background: url(../image/icon-file.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.train:before {
	background: url(../image/icon-train.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.setting:before {
	background: url(../image/icon-setting.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.shutdown:before {
	background: url(../image/icon-shutdown.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.shutdownfill:before {
	background: url(../image/icon-shutdownfill.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.filefill:before {
	background: url(../image/icon-filefill.png) no-repeat 100% 100%/100% 100%;
}
i.nav-tag.select:before {
	background: url(../image/icon-filefill.png) no-repeat 100% 100%/100% 100%;
}
.left-nav-item{
	
	width: 87%;
	margin-bottom: 20%;
	color:#fff;
}
.left-nav-item a{
	color: #fff;
	font-size: 18px;
	text-decoration: none;

}
.el-dropdown{
	color:#fff;
	font-size: 18px;
	width: 100%;
}
/*主页面主体*/
.el-main.manage{
	padding: 1.5% 1%!important;
}
.main-operate-box{
	width: 100%;
	display: flex;
	padding: 0 1%;
	justify-content: space-between;
}
.main-operate-item{
	width: 30%;
	height: 122px;
	padding: 20px 3%;
	background: url(../image/main-operate-bg.png) no-repeat 100% 100%/100% 100%;
}
.main-operate-item p{
	width: 100%;
	height: 80px;
	line-height: 80px;
	color: #fff;
	font-size: 25px;
	text-align: center;
	background: #0ea6e5;
}
.main-table-box{
	position: relative;
}
.main-table{
	position: absolute;
	width: 96%;
	height: 87%;
	left: 2%;
	top:5%;
}
.search-form{
	width: 100%;
	height: 75px;
}
.search-form .el-form-item__label{
	color:#fff;
}
.el-input__inner{
	background: #225585;
	border:none;
	color: #fff;
}

.seach-area{
	width: 28%;
	position: absolute;
	height: 75px;
	right: 1%;
	top:0%;
	display: flex;
    padding-left: 5%;
    padding-top: 1.3%;
	background: url(../image/search-input.png) no-repeat 100% 100%/100% 100%;
}
.nobg .el-input__inner{
	background: none;
	border: none;
}
.table-content{
	margin-top: 20px;
}
table,thead{
	color: #fff!important;

}

.el-table, .el-table__expanded-cell {
     background: none!important; 
}
.el-table__header{
	background: #527391;
	border-radius:5px;
}
.el-table th.is-leaf {
    border-bottom:none;
}
.el-table td, .el-table th.is-leaf {
    border-bottom: 1px solid #527391;
}
.table-content .el-table--border::after, .el-table--group::after, .el-table::before {
   
     background-color: none!important; 
}
.el-table th, .el-table tr {
   background: none!important; 
}
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: none!important;
}
.el-table__header{
	width: 100%!important;
}
.el-table__body,.el-table__header{
	width: 100%!important;
}
.el-table--border{border: none;}
.el-table tbody tr:hover>td { 
    background:none!important
}
.el-table__body tr.current-row>td {
    background:none!important;
}
.btn-edit{
	background: #0a467d!important;
	border: none;
	color:#fff!important;
}
.btn-del{
	background: #1c4870!important;
	border: none;
	color:#fff!important;
}
.el-table::before {
     background:none!important; 
}
button:hover{
	background: none;
}









@media screen and (max-width: 1905px) {
	.nav-box .el-radio-button{
		padding: 10px;
		margin:0 1px;
		background: url(../image/navbtn-bg.png) no-repeat 100% 100%/100% 100%;
	}
    .nav-box .el-radio-button__inner {
	    padding: 5px 10px!important;
	    font-size: 14px!important;
	}
	.lyzt-item-title{
		margin-top: 5px;
	}
	.lyzt-item-content{
		margin-top: 3px;
	}
}
@media screen and (max-width: 1640px) {
	.nav-box .el-radio-button{
		padding: 5px;
		margin:0 1px;
		background: url(../image/navbtn-bg.png) no-repeat 100% 100%/100% 100%;
	}
    .nav-box .el-radio-button__inner {
	    padding: 3px!important;
	    font-size: 14px!important;
	}
	.nav-box{
		margin-left: 1%;
	}
	.headblock{
		margin-left: 5px;
	}
	.logout{
		width: 40px;
		margin-left: 5px;
		padding-top: 10px;
	}
	.operate {
	    padding-left: 30px;

	}
	.user{
		width: 50px;
	}
	.server-text-list p{
		display: flex;
		color: #fff;
		font-size: 10px;
		margin: 0;
		width: 100%;
	}
	.graph-complete img{
		width: 30px;
		height: 30px;
	}
	.hgjj-list{
		font-size: 10px;
	}
	p.graph-title{
		font-size: 14px;
		margin-bottom: 3px;
	}
	p.sec-title{
		font-size: 12px;
	}
	.hgjj-list .tr, .th {
	    margin-bottom: 1px;
	}
	.lyzt-sec div{
		font-size: 10px;
	}
	.lyzt-item-title{
		margin-top: 5px;
		font-size: 10px;
	}
	.lyzt-item-content{
		margin-top: 3px;
		font-size: 10px;
	}
	.wsyq .wsyq-item-title{
		font-size: 12px;
		margin: 5px 0;
	}
	.wsyq-item-new p:not(.wsyq-item-title){
		font-size: 10px;
	}
	i.tag-up:before,i.tag-down:before{
		width: 5px;
		height: 10px;
	}
	.wsyq-item .wsyq-item-key p:not(.wsyq-item-title){
		margin: 3px!important;
	}
	.wsyq-item-key-tag{
		padding:3px 15px;
		font-size: 9px;
	}
	.el-dropdown,.el-dropdown a{
		font-size: 16px;
	}
}